<template>
	<view class="content">
		
			<view class="input_wrap">
				<view class="input_box">
					<span>*</span>
					<view>船名</view>
					<view class="shurukuang">
						<input class="myinput" type="text" placeholder="请输入船名" />
					</view>
				</view>
				<view class="input_box">
					<span>*</span>
					<view>船舶识别码</view>
					<view class="shurukuang">
						<input class="myinput" type="text" placeholder="请输入船舶识别码" />
					</view>
				</view>
				<view class="input_box">
					<span>*</span>
					<view>船舶宽度</view>
					<view class="shurukuang">
						<input class="myinput" type="text" placeholder="请输入船舶宽度" />
					</view>
				</view>
				<view class="input_box">
					<span>*</span>
					<view>船舶长度</view>
					<view class="shurukuang">
						<input class="myinput" type="text" placeholder="请输入船舶长度" />
					</view>
				</view>
				<view class="input_box">
					<span>*</span>
					<view>A级航区核定干舷</view>
					<view class="shurukuang">
						<input class="myinput" type="text" placeholder="请输入A级航区核定干舷" />
					</view>
				</view>
				<view class="input_box">
					<span>*</span>
					<view>联系电话</view>
					<view class="shurukuang">
						<input class="myinput" type="text" placeholder="请输入联系电话" />
					</view>
				</view>
				<view class="input_box">
					<span>*</span>
					<view>货物名称</view>
					<view class="shurukuang">
						<input class="myinput" type="text" placeholder="请输入货物名称" />
					</view>
				</view>
				<view class="input_box">
					<span>*</span>
					<view>船舶总吨</view>
					<view class="shurukuang">
						<input class="myinput" type="text" placeholder="请输入船舶总吨" />
					</view>
				</view>
				<view class="input_box">
					<span>*</span>
					<view>船籍港</view>
					<view class="shurukuang">
						<input class="myinput" type="text" placeholder="请输入船籍港" />
					</view>
				</view>
				<view class="input_box">
					<view>曾用船名</view>
					<view class="shurukuang">
						<input class="myinput" type="text" placeholder="请输入曾用船名" />
					</view>
				</view>
			</view>
			
			<view class="list_btn">
				<view>提交</view>
			</view>
			
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			
		}
	}
</script>

<style>
page {
	background-color: #F5F5F5;
}
.input_wrap {
    background: #fff;
    width: 95%;
    margin: 15px auto;
    padding: 1px 15px;
    border-radius: 10px;	
}
.input_box {
	display: flex;
	align-items: center;
	font-size: 30rpx;
    margin: 20px 0;
}
.input_box span {
	color: #f00;
    position: relative;
    top: 4px;
    margin-right: 2px;
}
.shurukuang {
	margin-left: auto;
    border-bottom: 1px solid #ccc;
}
.myinput {
	    display: inline-block;
	    white-space: nowrap;
	    width: 100%;
	    overflow: hidden;
	    text-overflow: ellipsis;
}
.list_btn {
		width: 90%;
		background-color: #007AFF;
		color: #FFFFFF;
		height: 80rpx;
		line-height:80rpx;
		text-align: center;
		border-radius: 100px;
		margin: 0 auto;
		margin-top: 10px;
	}
</style>
